<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/person.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="front/js/person.js"></script>
<script type="text/javascript" src="front/js/nevigation.js"></script>
<script type="text/javascript" src="combo/home/combo.otherhomelist.js"></script>
<script type="text/javascript" src="lyd/LYD.core.js"></script>
<script type="text/javascript" src="lyd/LYD.ajax.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	HOMELIST.init();
});
</script>
</head>
<body>
<!-- 导航 -->
<div id="top">
	<div class="width">
		<div class="logo"></div>
		<!-- 注册、登陆框 -->
		<div class="id_box">
			<div class="id">
				<div class="id_welcome"></div>
				<div class="id_email">
					<input class="id_input" type="text" />
				</div>
				<div class="id_password">
					<input class="id_input" type="password" />
				</div>
				<div class="id_check"></div>
				<div class="id_nopassword"></div>
				<div class="clear"></div>
				<div class="id_login"></div>
				<div class="id_reg"></div>
			</div>
			<div class="id_border"></div>
		</div>
		<!-- /注册、登陆框 --> 
		<!-- 个人信息框 -->
		<div class="id_person_box">
			<div class="id_person_box_main">
				<div class="pic"> <img src="images/activity/id_pic_blank.jpg" width="96" height="96" /> </div>
				<div class="txt">尤克里里
					<div class="school">西南民族大学</div>
				</div>
				<div class="icon">+9</div>
				<div class="icons">
					<div class="chuangjian"></div>
					<div class="wosuo"></div>
					<div class="huidao"></div>
					<div class="zhuangtai"></div>
					<div class="locker"></div>
				</div>
			</div>
			<div class="id_person_box_border"></div>
		</div>
		<!-- /个人信息框 --> 
		<!-- 上传头像 -->
		<div class="pic_upload_mask">
			<div class="pic_upload_main">
				<div class="pic_upload_icon"></div>
				<div class="pic_upload_explorer_object">
					<div class="pic_upload_explorer_object_pic"><img src="images/activity/upload_blank.jpg" width="165" height="165" />
						<div class="pic_upload_explorer_top">
							<div class="pic_upload_explorer_bottom">
								<div class="pic_upload_explorer_middle"></div>
							</div>
						</div>
						<div class="button_bendi"></div>
						<div class="button_paizhao"></div>
					</div>
				</div>
				<div class="pic_upload_explorer_big">
					<div class="pic_upload_explorer_big_pic"></div>
					<div class="pic_upload_explorer_big_tx">大头像150X150</div>
				</div>
				<div class="pic_upload_explorer_normal">
					<div class="pic_upload_explorer_normal_pic"></div>
					<div class="pic_upload_explorer_normal_tx">中头像80X80</div>
				</div>
				<div class="pic_upload_explorer_small">
					<div class="pic_upload_explorer_small_pic"></div>
					<div class="pic_upload_explorer_small_tx">小头像40X40</div>
				</div>
			</div>
			<div class="pic_upload_close">关闭</div>
			<div class="pic_upload_save"></div>
			<div class="pic_upload_cancel"></div>
		</div>
		<!-- /上传头像 -->
		<div class="txt_width">
			<div class="txt"> <span class="txt_padding">
				<div class="zuobiao"></div>
				</span> <span class="txt_padding">
				<div class="geren"></div>
				</span> <span class="txt_padding">
				<div class="quanzi"></div>
				</span> </div>
			<div class="top_hover"></div>
		</div>
		<div class="top_search">
			<input class="top_input" type="text" />
		</div>
		<!-- 右侧功能键 -->
		<div class="top_button">
			<div class="top_button1_menu_display">
				<div class="top_button1_menu">
					<div class="active">
						<div class="list">我的留言<span>+77</span></div>
						<div class="list">圈子留言</div>
						<div class="list">活动留言</div>
						<div class="list">我的评论</div>
						<div class="list">我的私信</div>
						<div class="list">我的通知</div>
					</div>
				</div>
			</div>
			<div class="top_button2_menu_display">
				<div class="top_button2_menu">
					<div class="active">
						<div class="name">尤克里里</div>
						<div class="name"><a href="info.html">隐私设置</a></div>
						<div class="name"><a href="info.html">账号设置</a></div>
					</div>
				</div>
			</div>
			<div class="top_button1"></div>
			<div class="top_button2"></div>
			<div class="top_button3"></div>
		</div>
		<!-- /右侧功能键 --> 
	</div>
</div>
<!-- /导航 -->
<div id="main">
	<div class="width">
		<div class="person_main">
			<div class="bottom">
				<div class="middle">
					<div class="my_tab"><span class="active">${user.USERTRUENAME}的好友</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="normal">关注他（她）的人</span></div>
					<div class="seach_object">
						<input type="text" class="input_style" />
					</div>
					<div class="round_top_fri_tx">共2000个好友</div>
					<div class="single_main">
						<div class="fri_single">
							<div class="talk_icon"></div>
							<div class="person_pic"><img src="images/person/demo/asdflkjhasdf.png" width="45" height="45" /></div>
							<div class="person_txt">
								<div class="person_name"><div>好友名字</div><div class="person_name_edit">(修改备注名)</div></div>
								<div class="person_local">地区/学校</div>
								<div class="clear"></div>
								<div class="person_banner">
									<div class="person_banner_ed"></div>
									<div class="tx">同步率</div>
									<div class="percent">80%</div>
								</div>
							</div>
							<div class="clear"></div>
							<div class="select">
								<div class="fri_out">
									<div class="select_single">删除好友</div>
									<div class="select_single">取消关注</div>
									<div class="select_single">至黑名单</div>
								</div>
								<div class="fri_txt">好友</div>
							</div>
						</div>
						<div class="fri_single">
							<div class="talk_icon"></div>
							<div class="person_pic"><img src="images/person/demo/asdflkjhasdf.png" width="45" height="45" /></div>
							<div class="person_txt">
								<div class="person_name"><div>好友名字</div><div class="person_name_edit">(修改备注名)</div></div>
								<div class="person_local">地区/学校</div>
								<div class="clear"></div>
								<div class="person_banner">
									<div class="person_banner_ed"></div>
									<div class="tx">同步率</div>
									<div class="percent">80%</div>
								</div>
							</div>
							<div class="clear"></div>
							<div class="select">
								<div class="fri_out">
									<div class="select_single">删除好友</div>
									<div class="select_single">取消关注</div>
									<div class="select_single">至黑名单</div>
								</div>
								<div class="fri_txt">好友</div>
							</div>
						</div>
						<div class="fri_single">
							<div class="talk_icon"></div>
							<div class="person_pic"><img src="images/person/demo/asdflkjhasdf.png" width="45" height="45" /></div>
							<div class="person_txt">
								<div class="person_name"><div>好友名字</div><div class="person_name_edit">(修改备注名)</div></div>
								<div class="person_local">地区/学校</div>
								<div class="clear"></div>
								<div class="person_banner">
									<div class="person_banner_ed"></div>
									<div class="tx">同步率</div>
									<div class="percent">80%</div>
								</div>
							</div>
							<div class="clear"></div>
							<div class="select">
								<div class="fri_out">
									<div class="select_single">删除好友</div>
									<div class="select_single">取消关注</div>
									<div class="select_single">至黑名单</div>
								</div>
								<div class="fri_txt">好友</div>
							</div>
						</div>
						<div class="fri_single">
							<div class="talk_icon"></div>
							<div class="person_pic"><img src="images/person/demo/asdflkjhasdf.png" width="45" height="45" /></div>
							<div class="person_txt">
								<div class="person_name"><div>好友名字</div><div class="person_name_edit">(修改备注名)</div></div>
								<div class="person_local">地区/学校</div>
								<div class="clear"></div>
								<div class="person_banner">
									<div class="person_banner_ed"></div>
									<div class="tx">同步率</div>
									<div class="percent">80%</div>
								</div>
							</div>
							<div class="clear"></div>
							<div class="select">
								<div class="fri_out">
									<div class="select_single">删除好友</div>
									<div class="select_single">取消关注</div>
									<div class="select_single">至黑名单</div>
								</div>
								<div class="fri_txt">好友</div>
							</div>
						</div>
						<div class="page_button">
							<div class="next"></div>
							<div class="page">1&nbsp;2&nbsp;<span>3</span>&nbsp;4&nbsp;5&nbsp;</div>
							<div class="prev"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="tab_buttons">
				<a href="person_fri.html"><div class="haoyou_active"></div></a>
				<a href="person_round.html"><div class="quanzi_normal"></div></a>
				<a href="person_acti.html"><div class="huodong_normal"></div></a>
				<a href="person_release.html"><div class="fabu_normal"></div></a>
				<a href="person_message.html"><div class="xiaoxi_normal"></div></a>
			</div>
		</div>
		<div class="person_right">
			<div class="person_right_bottom">
				<div class="person_right_middle">
					<input id="person_UID" type="hidden" value="${user.UID}"/>"
					<div class="pic"><img src="${user.SIMG}" width="172" height="200" /></div>
					<div class="name" style="background:url(${user.userSex}) no-repeat right center">${user.USERTRUENAME}</div>
					<div class="buttons">
						<div class="guan_icon">${user.attentedCount}</div>
						<div class="jia_icon">${user.friendCount}</div>
					</div>
					<div class="clear"></div>
					<div class="banner">
						<div class="banner_ed" style="width:${ user.commonStatusStr}"></div>
						<div class="tx_l">同步率</div>
						<div class="tx_r">${user.commonStatusStr }</div>
					</div>
					<div class="txt">${user.provinceName}&nbsp;&nbsp;${user.cityName}<br/>${user.schoolName}<br/>${user.dateStr}</div>
					<div class="txt">${user.userStatu}</div>
					<div class="tab_object">
						<c:forEach items="${user.tiplist}" var="t">
						<div class="tab">${t.TIPNAME}</div>
						</c:forEach>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
</div>
</body>
</html>